<!-- 组件的html -->
<template>
  <!-- 这里不能直接写多个标签 需要用一个父标签包括 -->
  <div>
    <h1>{{ name }}</h1>
  </div>
</template>

<!-- 组件的js -->
<script>
//默认导出 让别的结构可以使用
export default {
  data() {
    return {
      name: "刘德华",
    };
  },
};
</script>

<!-- 组件的css -->
<style scoped>
</style>
